<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0" />
		<title></title>
		<link rel="stylesheet" href="css/tai.css" />
	</head>
	<body>
		<div id="wrap">
			<div class="scrollBar"></div>
			<div class="head">
				<div class="head-top">
					<!--logo-->
					<h1 class="logo">
						<a href="http://www.atguigu.com">
							<img src="img/logo.png" />
						</a>
					</h1>
					<!--面包屑导航-->
					<a href="javascript:;" class="menuBtn"></a>
					<!--按钮排-->
					<div class="btns">
						<a href="javascript:;" class="search">搜索</a>
						<a href="javascript:;">登录</a>
						<a href="javascript:;">注册</a>
					</div>
				</div>
				<div class="head-bottom">
					<form  method="post">
						<input type="text" placeholder="请碰我一下" />
						<input type="submit" value="搜索"/>
					</form>
				</div>
				<ul class="mask">
					<li>
						<a href="javascript:;">首页</a>
					</li>
					<li>
						<a href="javascript:;">MV</a>
					</li>
					<li>
						<a href="javascript:;">悦单</a>
					</li>
					<li>
						<a href="javascript:;">V榜</a>
					</li>
					<li>
						<a href="javascript:;">音乐</a>
					</li>
					<li>
						<a href="javascript:;">商城</a>
					</li>
					<li>
						<a href="javascript:;">节目</a>
					</li>
					<li>
						<a href="javascript:;">饭团</a>
					</li>
					<li>
						<a href="javascript:;">咨询</a>
					</li>
					<li>
						<a href="javascript:;">我的家</a>
					</li>
					<li>
						<a href="javascript:;">APP下载</a>
					</li>
					<li>
						<a href="javascript:;">热门应用</a>
					</li>
				</ul>
			</div>
			<div class="content">
				<div>
					<!--导航-->
					<div class="damu-nav-drag-wrapper">
						<ul class="list">
							<li>
								<a href="javascript:;" class="active">首页</a>
							</li>
							<li>
								<a href="javascript:;">MV</a>
							</li>
							<li>
								<a href="javascript:;">悦单</a>
							</li>
							<li>
								<a href="javascript:;">V榜</a>
							</li>
							<li>
								<a href="javascript:;">音乐</a>
							</li>
							<li>
								<a href="javascript:;">商城</a>
							</li>
							<li>
								<a href="javascript:;">节目</a>
							</li>
							<li>
								<a href="javascript:;">饭团</a>
							</li>
							<li>
								<a href="javascript:;">咨询</a>
							</li>
							<li>
								<a href="javascript:;">我的家</a>
							</li>
							<li>
								<a href="javascript:;">APP下载</a>
							</li>
							<li>
								<a href="javascript:;">热门应用</a>
							</li>
							<li>
								<a href="javascript:;">晓飞张</a>
							</li>
							<li>
								<a href="javascript:;">金龙油</a>
							</li>
							<li>
								<a href="javascript:;">邱海峰</a>
							</li>
							<li>
								<a href="javascript:;">小贱贱</a>
							</li>
							<li>
								<a href="javascript:;">你</a>
							</li>
						</ul>
					</div>
					<!--无缝滑屏-->
					<div class="carousel-wrap" needAuto needCarousel >
						<div class="points-wrap"></div>
					</div>
					<!--tap选项卡-->
					<div class="tap-wrap">
						<div class="tap-head">
							<h2>MV主播</h2>
							<span>更多&gt</span>
						</div>
						<div class="tap-nav">
							<a href="javascript:;">全部</a>
							<a href="javascript:;">内地</a>
							<a href="javascript:;">刚果人民共和国</a>
							<a href="javascript:;">欧美</a>
							<a href="javascript:;">韩国</a>
							<a href="javascript:;">日本</a>
							<div class="smallG"></div>
						</div>
						<div class="tap-content">
							<ul class="tap-loading"></ul>
							<ul>
								<li>
									<a href="javascript:;">
										<img src="img/a.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/b.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/c.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/d.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/e.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/f.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
							</ul>
							<ul class="tap-loading"></ul>
						</div>
					</div>
					<div class="tap-wrap">
						<div class="tap-head">
							<h2>MV主播</h2>
							<span>更多&gt</span>
						</div>
						<div class="tap-nav">
							<a href="javascript:;">全部</a>
							<a href="javascript:;">内地</a>
							<a href="javascript:;">港台</a>
							<a href="javascript:;">欧美</a>
							<a href="javascript:;">韩国</a>
							<a href="javascript:;">日本</a>
							<div class="smallG"></div>
						</div>
						<div class="tap-content">
							<ul class="tap-loading"></ul>
							<ul>
								<li>
									<a href="javascript:;">
										<img src="img/a.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/b.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/c.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/d.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/e.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/f.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
							</ul>
							<ul class="tap-loading"></ul>
						</div>
					</div>
					<div class="tap-wrap">
						<div class="tap-head">
							<h2>MV主播</h2>
							<span>更多&gt</span>
						</div>
						<div class="tap-nav">
							<a href="javascript:;">全部</a>
							<a href="javascript:;">内地</a>
							<a href="javascript:;">港台</a>
							<a href="javascript:;">欧美</a>
							<a href="javascript:;">韩国</a>
							<a href="javascript:;">日本</a>
							<div class="smallG"></div>
						</div>
						<div class="tap-content">
							<ul class="tap-loading"></ul>
							<ul>
								<li>
									<a href="javascript:;">
										<img src="img/a.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/b.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/c.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/d.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/e.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/f.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
							</ul>
							<ul class="tap-loading"></ul>
						</div>
					</div>
					<div class="tap-wrap">
						<div class="tap-head">
							<h2>MV主播</h2>
							<span>更多&gt</span>
						</div>
						<div class="tap-nav">
							<a href="javascript:;">全部</a>
							<a href="javascript:;">内地</a>
							<a href="javascript:;">港台</a>
							<a href="javascript:;">欧美</a>
							<a href="javascript:;">韩国</a>
							<a href="javascript:;">日本</a>
							<div class="smallG"></div>
						</div>
						<div class="tap-content">
							<ul class="tap-loading"></ul>
							<ul>
								<li>
									<a href="javascript:;">
										<img src="img/a.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/b.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/c.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/d.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/e.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/f.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
							</ul>
							<ul class="tap-loading"></ul>
						</div>
					</div>
					<div class="tap-wrap">
						<div class="tap-head">
							<h2>MV主播</h2>
							<span>更多&gt</span>
						</div>
						<div class="tap-nav">
							<a href="javascript:;">全部</a>
							<a href="javascript:;">内地</a>
							<a href="javascript:;">港台</a>
							<a href="javascript:;">欧美</a>
							<a href="javascript:;">韩国</a>
							<a href="javascript:;">日本</a>
							<div class="smallG"></div>
						</div>
						<div class="tap-content">
							<ul class="tap-loading"></ul>
							<ul>
								<li>
									<a href="javascript:;">
										<img src="img/a.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/b.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/c.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/d.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/e.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<img src="img/f.jpg"/>
										<span>君に贈る花がないがないがないがないがないがないがない</span>
									</a>
									<div class="tap-discuss">
										<div class="right">
											<span></span>
											<span>9176</span>
										</div>
										<div class="left">
											<span></span>
											<span>6</span>
										</div>
									</div>
								</li>
							</ul>
							<ul class="tap-loading"></ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="seajs/sea.js"></script>
	<script type="text/javascript">
		window.onload=function(){
			//全局事件默认行为的禁止
			document.addEventListener("touchstart",function(ev){
				ev=ev||event;
				ev.preventDefault();
			})
			
			//rem适配方案
			;(function(){
				var styleNode = document.createElement("style");
				var w = document.documentElement.clientWidth/16;
				styleNode.innerHTML="html{font-size:"+w+"px!important}";
				document.head.appendChild(styleNode);				
			})()
			
			seajs.use('./taiUi/taiUiByDamu.js',function(exports){
				exports.CMCFMenuBtn();
				exports.changeFocus();
				exports.drag();
				exports.swiper();
			})
			seajs.use('./taiUi/taiUiByXfz.js',function(exports){
				exports.changeColor();
				exports.tap();
				exports.vMove();
				exports.head();
			})
		}
	</script>
</html>
